<template>
    <div class="content">
       <el-button type="primary" round @click="router.go(-1)">返回</el-button>
   <h2><span>{{$store.checksreviewlist.list.name}}</span>/<span>{{$store.checksreviewlist.list.grade}}</span></h2>
   <i><span>{{$store.checksreviewlist.list.promoter}}:</span>2022年05月01日</i>
   <div class="checkleave">
       <p>请假类型：<span>{{$store.checksreviewlist.list.leavetype}}</span></p>
       <p>请假时间：<span>{{$store.checksreviewlist.list.leavetime}}</span></p>
       <p>请假事由：<span>{{$store.checksreviewlist.list.leavereason}}</span></p>
   </div>
    </div>
</template>

<script setup>
import { reactive ,ref} from 'vue'
// 获取路由对象
import { useRouter } from 'vue-router'
import {useStudentsleaveStore} from '../../../stores/Family-schoolInteractiongll/Studentsleave'
var $store = useStudentsleaveStore();
var router = useRouter()

</script>

<style scoped>
.content{
    width: 800px;
    height: 500px;
    margin: 0 auto;
    /* background-color: skyblue; */
    /* display: flex;
    flex-direction: column;
    justify-content: space-around; */
}
h2{
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
}
i{
    display: block;
    height: 50px;
    line-height: 50px;
}
p{
    height: 40px;
    line-height: 40px;
}
span{
    margin: 0 20px;
}
.el-button{
    margin: 0 5px;
}
.checkleave{
    margin-left: 20px;
    font-size: 17px;
}
</style>